
var app = getApp();  //获取app.js
const api = require('../../config/config.js');

Page({

  /**
   * 页面的初始数据
   */
  data: {
        url:app.globalData.url,
        navHeight:app.globalData.navHeight,//按照每个页面加,默认不加
        //当前显示页面
        currentContent:'js',
        current: 0,
        lastTapTime: 0,  // 最后一次单击事件点击发生时间
        propertyDetail:{
  //     propertyId:4,
  //     name:'商业保理',
  //     cover:'/images/img_home_bl.png',
  //     coverMin:'/images/img_home_hy.png',
  //     synopsis:'为跨境电商提供收款、换汇、支付、融资等一站式金融服务',
  //     content:'    保理产品介绍文版区域保理产品介绍文版区域保理产品介绍文版区域,保理产品介绍文版区域保理产品介绍文版区域保理产品介绍文版区域,保理产品介绍文版区域保理产品介绍文版区域保理产品介绍文版区域保理产品介绍文版区域,保理产品介绍文版区域保理产品介绍文版区域保理产品介绍文版区域保理产品介绍文版区域保理产品介绍文版区域。\n\n'+'    保理产品介绍文版区域保理产品介绍文版区域保理产品介绍文版区域,保理产品介绍文版区域保理产品介绍文版区域保理产品介绍文版区域,保理产品介绍文版区域保理产品介绍文版区域保理产品介绍文版区域保理产品介绍文版区域,保理产品介绍文版区域保理产品介绍文版区域保理产品介绍文版区域保理产品介绍文版区域保理产品介绍文版区域。',
  //     videoList:[{
  //       id:'videoPPT',
  //       titleName:'PPT讲解',
  //       src:'https://vdept.bdstatic.com/75685945694967664558664b4d695a65/58756459424a5558/1268eb6d0cb0ede09c5e79317993a236cc8dbcd1a59ae29ddff3fe03341f2b80abbe58e9e1584f1fa64c2254d27c5f5e.mp4?auth_key=1585823144-0-0-5258d62b003bdc767dbeff24a6aaa6f7',
  //       name:'文档名称+后缀',
  //       ifStop:0,//点击屏幕出现暂停按钮
  //       isPlay:0
  //     },{
  //       id:'videoYS',
  //       titleName:'演示视频',
  //       src:'http://fgo-misc.vgtime.com/media/fgo/mp4/360p/No.239.mp4',
  //       name:'文档名称+后缀',
  //       ifStop:0,
  //       isPlay:0
  //     },
  //   ],
  //   brochure:[{
  //     brochureImgId:1,
  //     src:'/images/fc-1.png',
  //     url:''
  //   },{
  //     brochureImgId:2,
  //     src:'/images/fc-2.png',
  //     url:''
  //   },{
  //     brochureImgId:3,
  //     src:'/images/fc-3.png',
  //     url:''
  //   }
  // ],
    }
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    const{pid,currentContent}=options;//批量接收参数，但是不能改命名
    const propertyId=pid;
    //console.log(propertyId)
    //发起请求
    let that=this;
   wx.request({
     url: api.getPropertyDetailUrl,
     method: 'POST',
     data:{
      propertyId:propertyId
     },
     header: {
       'content-type': 'application/x-www-form-urlencoded'
     },
     success: function (res) {
       that.setData({
        propertyDetail:res.data.data,
        currentContent
       })
     }
   });

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function (res) {
  },
  //-----------------------------------视频------------------------------
// 播放
videoPlay(e) {
  //此处video的id就是video的种类。
  let id=e.currentTarget.id
  let videoplay = wx.createVideoContext(id);
  videoplay.play();
},
// 暂停播放
videoPause(e){
  var videoplay = wx.createVideoContext(e.currentTarget.id);
  videoplay.pause()
  let id=e.currentTarget.id
  let videoList=this.data.propertyDetail.videoList;
  for(let i=0;i<videoList.length;i++){
    if(id==videoList[i].id){
      videoList[i].isPlay=0;
    }
  }
  this.setData({
    propertyDetail:this.data.propertyDetail
  })
},
//点击屏幕（播放时，显示暂停按钮。暂停时播放）
changeIfStop(e){
  let curTime = e.timeStamp;
  let lastTime = this.lastTapDiffTime;
  this.lastTapDiffTime = curTime;
  
    //两次点击间隔小于300ms, 认为是双击
    let diff = curTime - lastTime;
    if (diff < 300) {
      //双击显示暂停按钮
      let id=e.currentTarget.id
      let videoList=this.data.propertyDetail.videoList;
      for(let i=0;i<videoList.length;i++){
        if(id==videoList[i].id){
            //视频暂停时点击不做任何操作
      if( videoList[i].isPlay==0){
        return;
      }
          videoList[i].ifStop=1;
        }
      }
      this.setData({
        propertyDetail:this.data.propertyDetail
      })
    }else{
      //单击关闭显示按钮
      let id=e.currentTarget.id
      let videoList=this.data.propertyDetail.videoList;
      for(let i=0;i<videoList.length;i++){
        if(id==videoList[i].id){
            //视频暂停时点击不做任何操作
      if( videoList[i].isPlay==0){
        return;
      }
          videoList[i].ifStop=0;
        }
      }
      this.setData({
        propertyDetail:this.data.propertyDetail
      })
    }
 
},
//视频播放时触发
listenVideoPlay(e){
  let id= e.currentTarget.id
  let videoList=this.data.propertyDetail.videoList;
  for(let i=0;i<videoList.length;i++){
    if(id==videoList[i].id){
      videoList[i].isPlay=1;
      videoList[i].ifStop=0;
    }
  }
  //重命名会使前面找不到
  this.setData({
    propertyDetail:this.data.propertyDetail
  })
},
//视频放完时触发
ListenVideoOver(e){
  let id= e.currentTarget.id
  let videoList=this.data.propertyDetail.videoList;
  for(let i=0;i<videoList.length;i++){
    if(id==videoList[i].id){
      //重置状态
      videoList[i].isPlay=0;
      videoList[i].ifStop=0;
    }
  }
  this.setData({
    propertyDetail:this.data.propertyDetail
  })
},
//----------------------------------------------------------
//上一页
onPage(){
  let current=--this.data.current;
  current=current<0?0:current;
  this.setData({
    current
  })
},
//下一页
nextPage(){
  let current=++this.data.current;
  current=current>this.data.propertyDetail.brochure.length-1?this.data.propertyDetail.brochure.length-1:current;
  this.setData({
    current
  })
},
//点击预览图片
handlePreviewImage(e){
  const urls=this.data.propertyDetail.brochure.map(v=>this.data.url+v.src);
  const current=this.data.url+e.currentTarget.dataset.url;
  wx.previewImage({
    current, // 当前显示图片的http链接
    urls
  })
},
//切换显示
switchContent(e){
  let currentContent=e.currentTarget.id;
  currentContent=currentContent!='js'?'xc':'js';
  this.setData({
    currentContent
  })
  
},
  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})